<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>参数设置插件</title>
    <script src="res/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
    <link href="res/bootstrap/3.3.4/css_default/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <script src="res/bootstrap/3.3.4/js/bootstrap.min.js" type="text/javascript"></script>
    <link href="res/bootstrap-table-master/dist/bootstrap-table.min.css" rel="stylesheet" type="text/css"/>
    <script src="res/bootstrap-table-master/dist/bootstrap-table.min.js" type="text/javascript"></script>
    <script src="res/bootstrap-table-master/dist/bootstrap-table-locale-all.min.js" type="text/javascript"></script>
    <script src="res/bootstrap-table-master/bootstrap-table-custom.js" type="text/javascript"></script>
    <link href="res/layer-v3.0.1/layer/skin/default/layer.css" rel="stylesheet" type="text/css"/>
    <script src="res/layer-v3.0.1/layer/layer.js" type="text/javascript"></script>
    <script src="js/common.js" type="text/javascript"></script>
    <style>
        .r {
            margin: 20px 0;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="row r">
        <div class="col-md-12">
            <button class="btn btn-warning" style="width: 100%;height: 50px" onclick="initEvn()">重 置 默 认 配 置 信 息</button>
        </div>
    </div>
    <div class="row r">
        <div class="col-md-12">
            <button class="btn btn-primary" style="width: 100%;height: 50px" data-toggle="modal" data-target="#myModal">
                复 制 默 认 配 置 信 息
            </button>
        </div>
        <!-- 模态框（Modal） -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
             aria-hidden="true" data-backdrop="static">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">复制默认配置信息</h4>
                    </div>
                    <div class="modal-body">
                        <div class="row r">
                            <div class="col-md-3">配置代码：</div>
                            <div class="col-md-9">
                                <input type="text" class="form-control" name="set_name" id="set_code"/>
                            </div>
                        </div>
                        <div class="row r">
                            <div class="col-md-3">配置名称：</div>
                            <div class="col-md-9">
                                <input type="text" class="form-control" name="set_name" id="set_name"/>
                            </div>
                        </div>
                        <div class="row r">
                            <div class="col-md-3">备注：</div>
                            <div class="col-md-9">
                                <input type="text" class="form-control" name="remark"/>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-primary" onclick="copyDef()">提交更改</button>
                    </div>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal -->
        </div>
    </div>
    <div class="row r">
        <div class="col-md-12">
            <button class="btn btn-success" style="width: 100%;height: 50px" onclick="sub()">查 看 当 前 配 置</button>
        </div>
    </div>
    <div class="row r">
        <div class="col-md-4">
            <button class="btn btn-warning" style="width: 100%;height: 50px" onclick="sub(true)">查看选中配置</button>
        </div>
        <div class="col-md-4">
            <button class="btn btn-danger" style="width: 100%;height: 50px" onclick="applySet()">应用选中配置</button>
        </div>
        <div class="col-md-4">
            <button class="btn btn-danger" style="width: 100%;height: 50px" onclick="del()">删除选中配置</button>
        </div>
    </div>
    <div class="row r">
        <div class="table-responsive" style="margin: 0 15px">
            <table data-toggle="table" id="tab"
                   data-query-params="queryParams"
                   data-method="post"
                   data-content-type="application/x-www-form-urlencoded; charset=UTF-8"
                   data-striped="true"
                   data-pagination="true"
                   data-pagination-loop="false"
                   data-single-select="true"
                   data-page-size="20"
                   data-click-to-select="true"
                   data-page-list="[20, 50, 100]">
                <thead>
                <tr>
                    <th data-checkbox="true">序号</th>
                    <th data-field="state" data-width="100" data-formatter="stateFormat">启用</th>
                    <th data-field="set_code">模板代码</th>
                    <th data-field="set_name">模板名称</th>
                    <th data-field="set_desc">备注</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
</div>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>